@charset "utf-8";
*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration:none
}
body{
    display: flex;
    background-color: #fff;
    
}
// .kqq{
//     width: 500px;
// }
.photo{
    // position: fixed;
    // float: left;
    width: 420px;
    height: 830px;
    background-image:url("../img/banner.a0e6fbf0.jpg");
    background-size:300px 100%;
    background-attachment: fixed;
    background-repeat:no-repeat;
    // img{
    //     // background-size: contain;
    //     width: 375px;
    //     height: 100%;
    // }
}
.box{
    // float: right;
    width: 100%;
    height: 830px;
    .header{
        padding: 20px;
        width: 96%;
        height: 40px;
        .logo{
            float: left;
            height: 40px;
            width: 160px;
            // background-color: wheat;
            line-height: 40px;
            .wz{
                float: right;
                margin-right: 5px;
                // margin-left: 15px;
                span{
                    font-size: 25px;
                }
            }
            img{
                width: 40px;
                height: 40px;
            }
        }
        .nav{
            // background-color: wheat;
            width: 365px;
            height: 40px;
            line-height: 40px;
            float: right;
            span{
                margin:10px;
                font-size: 12px;
                color: #838383;

            }
            a{
                margin:10px;
                font-size: 14px;
                color: #838383;
            }
            .dh{
                color: #838383;
                float: right;
                font-size: 14px;
                margin-right: 10px;
            }
        }

    }
    
}
.box-login{
    width: 100%;
    height: 650px;
    margin: 0 auto;
    .login{
        padding: 40px 45px;
        width: 360px;
        height: 480px;
        background-color: white;
        box-shadow: 10px 20px 50px  gainsboro;
        margin: 40px auto;
        .login-switch{
            display: flex;
            a{
                color: black;
                font-size: 22px;
                text-align: center;
                // line-height: 40px;
            }
            .login-switch-box{
                width: 70px;
                height: 40px;
            }
            
            hr{
                // color: rgb(255, 145, 0);
                width: 42px;
                height: 4px;
                background-color: rgb(255, 123, 0);
                border: rgb(255, 123, 0);
                margin-top: 1px;
                margin-left: 1px;
            }
        }

    }
}
.login-text{
    width: 360px;
    height: 240px;
    margin: 10px auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    .zhanghao{
        width: 360px;
        height: 60px;
        background-color: rgb(250, 250, 250);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        input{
            width: 300px;
            height: 40px;
            background-color:transparent;
            border:0px;
        }
    }
    .mima{
        width: 360px;
        height: 60px;
        background-color: rgb(250, 250, 250);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        // padding: 10px;
        input{
            width: 300px;
            height: 40px;
            background-color:transparent;
            border:0px;
        }
    }
    .login-button{
        width: 360px;
        height: 60px;
        background-color: #ff7e29;
        font-size: 22px;
        text-align: center;
        line-height: 60px;
        color: white;
        border-radius: 5px;
        
    }
    
}
.login-wjmm{
    width: 360px;
    height: 20px;
    margin-top: -10px;
    // background-color: gainsboro;
    
        .wjmm1{
            font-size: 17px;
            float: left;
            a{
                color: #ff7e29;
            }
        }
        .wjmm2{
            font-size: 17px;
            float: right;
            a{
                color: #ff7e29;
            }
            
        }
}
.login-mode{
    .mode-box1{
        margin-top: 90px;
        width: 100%;
        // height: 40px;
        text-align: center;
        color: rgb(161, 161, 161);
        // background-color: gainsboro;
    }
    .mode-box{
        display: flex;
        justify-content: space-evenly;
        width: 320px;
        height: 50px;
        margin: 20px auto;

    }
    .mode-photo{
        
        img{
        
            width: 46px;
            height: 46px;
        }
        
    }
    
}
.end{
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    color: #999999;
}
